<template>
  <div>
    <span>{{counter}}</span>
    <button @click="increment">+2</button>
    <button @click="decrement">-2</button>
    {{doubleCounter}}双倍
  </div>
</template>

<script>
import useCounter from './hooks/useCounter'
export default {
  setup() {
    const { counter, increment,decrement,  doubleCounter } = useCounter()
    
    return {
      counter,
      increment,
      decrement,
      doubleCounter
    }
  }
}
</script>

<style>

</style>